<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="Content-Security-Policy"
        content="default-src 'self'; script-src 'self'; img-src * 'self' data: content:">
    <link rel="stylesheet" href="./static/css/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="./static/css/bootstrap-colorpicker.min.css" type="text/css">
    <link ref="stylesheet" href="./static/css/fix-main.css" type="text/css">
    <title>循环闹钟 v1.0.2</title>
</head>

<body class="m-3">
    <!-- Modal -->
    <div class="modal fade" id="modal_tip" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">提示信息</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body" id="modal_txt">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
    </div>
    <div class="tab-content" id="pills-tabContent">
        <div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab">
            <div class="card">
                <div class="card-body">
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <span class="input-group-text" id="">每天:</span>
                        </div>
                        <input type="number" id="split_h" name="split_h" max="23" min="0" value="0"
                            class="form-control">
                        <div class="input-group-prepend">
                            <span class="input-group-text" id="">小时</span>
                        </div>
                        <input type="number" id="split_m" name="split_m" max="59" min="0" value="0"
                            class="form-control">
                        <div class="input-group-prepend">
                            <span class="input-group-text" id="">分钟</span>
                        </div>
                        <input type="number" id="split_s" name="split_s" max="59" min="0" value="0"
                            class="form-control">
                        <div class="input-group-prepend">
                            <span class="input-group-text" id="">秒</span>
                        </div>
                        <div class="input-group-append">
                            <button class="btn btn-outline-secondary" type="button" id="add_task">添加任务</button>
                        </div>
                    </div>
                    <div class="input-group mt-3">
                        <div class="input-group-prepend">
                            <span class="input-group-text" id="">手工输入:</span>
                        </div>
                        <input type="text" id="split_manal" name="split_manal" class="form-control"
                            placeholder="按照cron表达式输入！">
                        <div class="input-group-append">
                            <button class="btn btn-outline-secondary" type="button" id="add_task2">添加任务</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <label for="merge_list">定时列表<span class="badge badge-primary badge-pill"
                        id="mergn_list_count">0</span></label>
                <button id="del_task" class="float-right btn btn-outline-secondary btn-sm">-</button>
                <select multiple class="form-control" id="split_list" size="4"></select>
            </div>
            <div class="row form-group">
                <div class="col-sm-2">
                    <button type="button" class="form-control btn btn-info" id="start_task">开始</button>
                </div>
                <div class="col-sm-2">
                    <button type="button" class="form-control btn btn-warning" id="push_task">暂停</button>
                </div>
                <div class="col-sm-2">
                    <button type="button" class="form-control btn btn-success" id="resume_task">恢复</button>
                </div>
                <div class="col-sm-3">
                    <button type="button" class="form-control btn btn-secondary" id="choise_clock">选择铃声</button>
                </div>
                <div class="col-sm-3">
                    <button type="button" class="form-control btn btn-primary" id="save_task">保存任务</button>
                </div>
            </div>
        </div>
    </div>


    <script src="./fix-jquery.js"></script>
    <script src="./static/js/jquery-3.7.1.min.js"></script>

    <script src="./static/js/bootstrap.bundle.min.js"></script>
    <script src="./static/js/bootstrap-colorpicker.min.js"></script>

    <script src="./renderer.js"></script>
</body>

</html>